<template>
	<view class="c-container no-border c-container-item">
		<view :indicator-dots="true">
			<view>
				<view class="swiper-item">
					<view class="c-row">
						<view class="c-row-col">
							<view class="col-title">应付酒店</view>
							<view class="col-text">{{profit.pay_hotel_fee}}</view>
						</view>
						<view class="c-row-col">
							<view class="col-title">收入总额</view>
							<view class="col-text">{{profit.income_fee}}</view>
						</view>
					</view>
					<view class="c-row">
						<view class="c-row-col">
							<view class="col-title min-width">平台渠道费用</view>
							<view class="col-text">{{profit.source_fee}}</view>
						</view>
						<view class="c-row-col">
							<view class="col-title min-width">个人渠道费用</view>
							<view class="col-text">{{profit.person_source_fee}}</view>
						</view>
					</view>
					<view class="c-row" >
						<view class="c-row-col">
							<view class="col-title">酒水成本</view>
							<view class="col-text">{{profit.wine_cost}}</view>
						</view>
						<view class="c-row-col">
							<view class="col-title">赠送成本</view>
							<view class="col-text">{{profit.free_cost}}</view>
						</view>
					</view>
                    <view class="c-row">
						<view class="c-row-col">
							<view class="col-title min-width">婚庆签单额</view>
							<view class="col-text">{{profit.wedding_cost}}</view>
						</view>
						<view class="c-row-col">
							<view class="col-title">婚宴净利</view>
							<view class="col-text">{{profit.banquet_profit}}</view>
						</view>
					</view>
					<view class="c-row"  v-if="profit.banquet_profit_remark">
						<view class="c-row-col">
							<view class="col-title remark_title">备注</view>
							<view class="col-text text-ellipsis">{{profit.banquet_profit_remark}}</view>
						</view>
					</view>
				</view>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		props: {
			profit: {
				type: Object,
				default () {
					return {}
				}
			}
		},
		data() {
			return {}
		},
		methods: {
			
		}
	}
</script>

<style lang="less">
    @import url('../../common.less');
    .min-width{
        min-width: 84px;
    }
    .text-ellipsis{
        max-width: 85px;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }
    .remark_title{
        width: 29px !important;
	}
</style>
